<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>demo-islist - simple list</title>
<style type="text/css">
*
    {
    margin:0;
    padding:0;
    }

html,
body
    {
    margin:0;
    padding:0;
    border:0;
    width:100%;
    height:100%;
    overflow:hidden;
    }

body,body *
    {
    font-family : "Arial","宋体";
    font-size: 9pt;
    }

body
    {
    border:0;
    background:#f9f9f9;
    }

img
    {
    border:0;
    vertical-align:middle;
    }

table
    {
    table-layout:fixed;
    border-collapse:collapse;
    }
div
    {
    outline:0;
    }

/*
 * isplit style
 * -----------
 */
.isplit
    {
    width:100%;
    height:100%;
    border:0;
    position:relative;
    }
    .isplit .spliter
        {
        position:absolute;
        top:0;
        left:200px;
        width:6px;
        background:#abf;
        height:100%;
        cursor:col-resize;
        }
    .isplit .main
        {
        float:left;
        width:100%;
        height:100%;
        }
        .isplit .main .data
            {
            margin:0 0 0 206px;
            height:100%;
            overflow:auto;
            }
    .isplit .content
        {
        float:left;
        margin:0 0 0 -100%;
        width:200px;
        height:100%;
        overflow:auto;
        }
/**
 * islist style
 */
.islist
    {
    border:0;
    }
    .islist a.item
        {
        margin:2px 0;
        line-height:22px;
        background-color:#e9effe;
        color:blue;
        display:block;
        padding:0 20px;
        outline:0;
        }
    .islist a:hover.item
        {
        text-decoration:none;
        background-color:#bde;
        }
    .islist a.act,
    .islist a:hover.act
        {
        text-decoration:none;
        background-color:#abf;
        color:#1e1e1e;
        }


</style>
<script type="text/javascript" src="../core.js"></script>
<script type="text/javascript" src="../islist.js"></script>
</head>

<body>
<div class="isplit">
        <div class="spliter"></div>
    <div class="main">
        <div class="data">data
            <div class="isplit">
                <div class="main">
                    <div class="spliter"></div>
                    <div class="data">data2
                    </div>
                </div>
                <div id="listcont" class="content">cont2</div>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="listnav" id="prodlist">
            <div class="islist">
                <a class="item" href="#" onclick="return false;"><div>islist1</div></a>
                <a class="item" href="#" onclick="return false;"><div>islist2</div></a>
                <a class="item" href="#" onclick="return false;"><div>islist3</div></a>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
//<![CDATA[
def( 'slistcont', 'islist', { id:'mlis', elem:'listcont', list:[{label:'jslist1'}, {label:'jslist2'}, {label:'jslist3'}] } );
//]]>
</script>
</body>
</html>